<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'plotCurve.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet" type="text/css" href="<%=path%>/css/jquery.jqplot.min.css" />
<script type="text/javascript" src="<%=path%>/js/jquery-1.10.1.min.js"></script>
<script language="javascript" type="text/javascript" src="<%=path%>/js/excanvas.min.js"></script>
<script language="javascript" type="text/javascript" src="<%=path%>/js/jquery.jqplot.min.js"></script>
<script type="text/javascript">
$(function(){
$.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]],
{ title:'Exponential Line',
  axes:{yaxis:{min:-10, max:240}},
  series:[{color:'#5FAB78'}]
});

});
  
  </script>
  </head>
  
  <body>
    <div id="chartdiv" style="height:400px;width:300px; "></div>
  </body>
  
</html>
